<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>我的伙伴</title>
		<link rel="stylesheet" th:href="@{/css/jquery.mobile-1.4.5.min.css }"/>
		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/js/jquery.mobile-1.4.5.min.js}"></script>
		<style>
			#lv .ui-grid-b p{
				font-size: 20px;
				display: block;
				text-align: center;
			}
			#lv .ui-grid-b .ui-block-a{
				width: 25%;
			}
			#lv .ui-grid-b .ui-block-b{
				width: 5%;
			}
			#lv .ui-grid-b .ui-block-c{
				width: 70%;
			}
		</style>
	</head>
	<body>
		<div data-role = "page">
			<div data-role = "header">
				<a data-rel = "back" data-ajax = "false" data-icon = "back">返回</a>
				<h1>关于</h1>
			</div>
			<div data-role = "content">
				<ul data-role = "listview" id="lv">
					<li>
						<div class="ui-grid-b">
							<div class="ui-block-a">
								<p>制作者：</p>
							</div>
							<div class="ui-block-b"></div>
							<div class="ui-block-c">
								<p>莫家汉</p>
							</div>
						</div>
						<div class="ui-grid-b">
							<div class="ui-block-a">
								<p>学号：</p>
							</div>
							<div class="ui-block-b"></div>
							<div class="ui-block-c">
								<p>201635020132</p>
							</div>
						</div>
						<div class="ui-grid-b">
							<div class="ui-block-a">
								<p>学校：</p>
							</div>
							<div class="ui-block-b"></div>
							<div class="ui-block-c">
								<p>东莞理工学院城市学院</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
	</body>
</html>
